* {
    margin: 0;
    padding: 0;
}

html, body {
    background: #FFFFFF;
    text-align: justify;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: black;
    height: 100%;
}

ul {
    margin-bottom: 20px;
    line-height: 2em;
}

ul, ol, li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

a {
    text-decoration: none;
    font-weight: bold;
}

text {
    size: auto;
}


/* Wrapper */

#wrapper {
    width: 1000px;
    height: 100%;
    margin: auto;
}


/* Header */

#header {
    height: 150px;
}


/* contenidoCentral (sidebar y content)*/

#contenidoCentral {
    width: auto;
}


/* Sidebar */

#sidebar {
    margin: 0;
    float: left;
    width: 175px;
    padding-top: 25px;
}

#sidebar ul {
    margin: 0;
    padding: 0;
    text-align: right;
    list-style: none;
}

#sidebar ul li {
    position: relative;
}

#sidebar ul li a{
    padding-top: 5px;    /* Con esto se separa las opciones del menu sidebar */
    padding-bottom: 5px;    /* Con esto se separa las opciones del menu sidebar */
    line-height: 20px;
    display: block;
}

#sidebar ul ul {
    position: absolute;
    display: none;
}

#sidebar ul ul li a {
    margin-left: 10px;
    padding-right: 5px;
    background: #E5E5E5;
}

#sidebar ul li:hover ul {
    width:100%;
    position:absolute;
    display:block; 
    margin-left:173px;
    top:0;
}

#sidebar a {
    color: rgb(28, 110, 160);
}

#sidebar a:hover {
    text-decoration: none;
    color: rgb(66, 169, 190);
}


/* Footer */

#footer {
    width: 1000px;
    height: 20px;
    margin: 0 auto;
    padding: 10px 0 5px 0;
    border-top: 1px solid #E5E5E5;
    color: #757E82;
    clear: both;
}

#footer p {
    margin: 0;
    text-align: center;
    font-size: 77%;
}


/* Sesion table. Lo q va justo debajo del banner cuando alguien inicia sesion */

#sesion {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}

#sesion p {
    text-align: left;    
    color: darkslategray; 
}

#sesion td{
    text-decoration: none;
    text-align: right;  
    color: rgb(28, 110, 160);     
}



/******************************************************************************
************************** PARTE DE CONTENT ***********************************
******************************************************************************/

/* Contenido central */

#content {
    height: auto;
    width: 790px;
    float: left;
    margin-left: 30px;
    padding-top: 25px;
    line-height: 30px;  /* line spacing for <p> */
}

/* Para los titulos de cada jsp */
#content h1{
    font-size: 20px;
    color: rgb(28, 110, 160);
    margin-bottom: 30px;
}


/* Para los mensajes que se ponen en las paginas de inicio */
#content p {    
    text-indent: 50px;  /* sangria */    
}



/* Para tablas que se utilizan para mostrar consultas, modificaciones, forms, etc */

#divTablaCentral {
    width:auto;
    text-align: center;
 //   border: 1px solid black;
}

#tablaCentralErrores {    
    margin-right:0; 
    position:absolute;
    margin-top: 20px;
    border-spacing: 10px; 
    display: inline-block; 
    font-size: 11px;
    text-align: left;
    color: red;
 //   border: 1px solid black;
}

#tablaCentralErrores tr {    /* fila sea del mismo height que el de la tabla central */
    height: 24px;
}

#tablaCentralErrores td {    /* fila sea del mismo height que el de la tabla central */
  //  border: 1px solid black;
    padding: 0px;
}


#tablaCentral {
    margin-top: 20px;
    border-spacing: 10px; 
    display: inline-block;
 //   border: 1px solid black;
}

#tablaCentral tr {    /* fila sea del mismo height que el de la tabla central */
    height: 24px;
}

#tablaCentral td {
    text-align: left;
  //  border: 1px solid black;   
}

#tablaCentral td:first-child{
    text-align: right;
}

.tablaCentralText input[type="text"] {
    width: 350px;
}

#tablaCentralBotones {      /* se usa en un div para que se pueda centrar */
    text-align: center; 
    padding-top: 20px;
}



/* USADO EN PLANILLA SOLICITUD, se usa junto a divTablaCentral y tablaCentral */
#divTablaCentral h2{    /* este header (h2) de divTAblaCentral es usado SOLO en PLANILLA SOLICITUD... #divTablaCentral en general se usa en todos los jsp */
    font-size: 16px;
    color: rgb(28, 110, 160);
    margin: 50px 0px -20px 70px;
    text-align: left;
}

.solicitud {    
    margin-left: -100px;
    width: 550px;
}

.solicitud input[type="text"] {
    width: 260px;
}

.solicitud td:first-child {
    width: 250px;
}

.solicitud td:last-child {
    width: 260px;
}

.solicitud span {
    font-size: 12px;    
}

.solicitud input[type="file"] {
    height: 24px;
    width: 95px;
}

/* campos textareas usados en direccion*/
.solicitud textarea  {
    width: 260px;
    height: 55px;
}




/* Para la parte de TABLAS DE EQUIVALENCIAS  */
#tablaCentralEquiv {
    margin-top: 30px;    
    display: inline-block;
    border-collapse: collapse;
}

#tablaCentralEquiv td {  
    padding: 5px 10px 5px 10px;
    text-align: center;      
    border: 3px solid rgb(28, 110, 160);
}

#tablaCentralEquiv tr:first-child td{  
    padding: 10px 20px 10px 20px;
    background-color: rgb(66, 169, 190);
}

#tablaCentralEquiv tr:last-child td{  
    padding-top: 10px;
    padding-bottom: 10px;
}

#boton_editar {
    background-color: inherit; 
    background-image:url(../imagenes/001_45.png);
    background-repeat:no-repeat;
    width:25px;
    height:25px;
    border: 0px;
    border-bottom: 1px solid gray;
    cursor:pointer;
}

#boton_editar:active{
    background-image:url(../imagenes/001_45_down.png);
}


#boton_agregar {
    background-color: inherit; 
    background-image:url(../imagenes/001_01.png);
    background-repeat:no-repeat;
    width:25px;
    height:25px;
    border: 0px;
    cursor:pointer;
}

#boton_agregar:active{
    background-image:url(../imagenes/001_01_down.png);
}


#boton_eliminar {
    background-color: inherit; 
    background-image:url(../imagenes/001_05.png);
    background-repeat:no-repeat;
    width:25px;
    height:25px;
    border: 0px;
    cursor:pointer;
}

#boton_eliminar:active{
    background-image:url(../imagenes/001_05_down.png);
}






/* menu desplegable de instituciones, carreras o materias */
#encabezado {
    height: 80px;
    padding-bottom: 10px;
 //     border: 1px solid black;
}

#seleccionaItems {
    margin: 0 auto;
    margin-bottom: 25px;
    border-spacing: 10px;  
}

/* boton de agregar */
#seleccionaItems input {
    font-weight: bold; 
    width: 3em;    
}

#selectedItems {
    text-align: center;
    font-style: italic; 
    font-size: 14px;    
}



/* menu de Institucion > carrera > materia */
#subMenuGestion {
    margin: auto;
    margin-bottom: 40px;
    width: 50%;
    text-align: center;
    color: #999999;
    font-size: 20px;
    cursor: default;
     //border: 1px solid black;
}

#subMenuGestion td{
    padding-left: 20px;
}

#subMenuGestion a{
    font-weight: inherit;
    color: inherit;
    cursor: pointer;
}

#activo {
    font-weight: bold;
    color: rgb(28, 110, 160);
}

#activo:hover {
    text-decoration: none;
    color: rgb(66, 169, 190);
}


#activoFlecha {
    font-weight: bold;
    color: rgb(28, 110, 160);  
}




/*  MENSAJES! de exito o fracaso de una operacion (modificar, eliminar y agregar) */

#tablaMsj {
    margin: 0 auto;
    margin-top: -20px;
    height: 25px; 
 //   border: 1px solid black;
}

#tablaMsj td {
    font-size: 14px;
    text-align: center;
}

#msjError {    
    color: red;
}

#msjOk {
    color: navy;
}